<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
<link rel="stylesheet" type="text/css" href="MainCSS.css">
<link rel="stylesheet" type="text/css" href="./css/ui-lightness/jquery-ui.css">
<script type="text/javascript" src = "./scripts/jquery.js"></script>
<script type="text/javascript" src = "./scripts/jquery-ui.js"></script>
<script>
    $(function() {
        $( "#menu" ).menu();
    });
    </script>
    <style>
    .ui-menu { width: 150px; }
    </style>
</head>
<body>
<div id="header">
    <img alt="" src="banner3.jpg" width="100%" height="100%">
</div>
<div id="sidebar">
    <div id="dragbar"></div>
    <ul id="menu">
    <li><a href="#">Goverment</a>
    <ul>
            <li><a href="#">Government1</a></li>
            <li><a href="#">Government2</a></li>
        </ul>
        </li>
    <li>
        <a href="#">Contact</a>
        <ul>
            <li><a href="#" id="contact">Contact1</a></li>
            <li><a href="#">Contact2</a></li>
        </ul>
    </li>
    <li>
        <a href="#">Lookup</a>
        <ul>
            <li><a href="#" id="address">Address</a></li>
            <li><a href="#" id="bussiness">Bussiness</a></li>
        </ul>
    </li>
</ul>
    sidebar
</div>
<div id="main">
    main
</div>
<div id="footer">
    footer
</div>
<script type="text/javascript">

 
	 $(function() {
		 $("ul.menu li").hover(function() {
			    $(this).find("ul.sub-menu").not("ul.sub-menu li ul.sub-menu").slideToggle();
			} , function() {  
			    $(this).find("ul.sub-menu").hide();
			});
	 });
	 
	
</script>  
<script type="text/javascript">
$(function(){
	 $("#contact").click(function(){
		 $("#main").load("index.jsp");
	 });
	 
});

$(function(){
	 $("#government1").click(function(){
		 $("#main").load("doc1.html");
	 });
	 
});
$(function(){
	 $("#government2").click(function(){
		 $("#main").load("doc2.html");
	 });
	 
});
$(function(){
	 $("#address").click(function(){
		 $("#main").load("SearchAddress.jsp");
	 });
	 
});
$(function(){
	 $("#bussiness").click(function(){
		 $("#main").load("SearchBusiness.jsp");
	 });
	 
});
</script>
</body>
</html>